<template>
  <div>
    <!-- v-model修饰符 .number 转成数字 -->
    数字:<input type="text" v-model.number="num">
    介绍:<input type="text" v-model.trim="intro">
    <!-- .lazy 失去焦点时才触发改变 并将数据同步给v-model的变量-->
    爱好:<input type="text" v-model.lazy="hobby">
    <div>
      {{hobby}}
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      num: null,
      intro: null,
      hobby: null
    }
  }
}
</script>

<style>

</style>